<template>
    <div class="main-box">
        <el-row :gutter="20" class="data-main">
            <el-col :span="6" class="data-line" >
                <div class="data-box data-title data-box-type1">
                    <div class="box-title">数据采集</div>
                    <div class="box-content">
                        <div class="chart-box"></div>
                    </div>
                </div>
                <div class="data-box data-title data-box-type1">
                    <div class="box-title">资源目录</div>
                    <div class="box-content">
                        <div class="chart-box"></div>
                    </div>
                </div>
                <div class="data-box data-title data-box-type1">
                    <div class="box-title">最新数据资源</div>
                    <div class="box-content">
                        <div class="chart-box"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="12" class="data-box">
                <div class="data-box data-box-type2">
                    <div class="box-content">
                        <div class="chart-box"></div>
                    </div>
                </div>
                <div class="data-box data-box-type3">
                    <div class="box-content">
                        <div class="chart-box"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="data-box"></el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name: "数据概览"
    }
</script>

<style scoped>
    @import "~@/assets/css/main-data.scss"
</style>